<template>
  <EvDrawer
    :drawer="drawer"
    :title="drawerTitle"
    size="90%"
    @handleClose="handleClose"
    @handleCancel="handleCancel"
    :showConfirm="false"
  >
    <div style="height: 84vh">
      <EvDesigner ref="designer"></EvDesigner>
    </div>
  </EvDrawer>
</template>
<script>
import EvDesigner from "@/components/EvDesigner/index.vue";
export default {
  name: "Designer",
  components: {
    EvDesigner,
  },
  data() {
    return {
      drawerTitle: "设计器",
      drawer: false,
    };
  },
  mounted() {},
  methods: {
    open(row) {
      this.drawer = true;
      this.$nextTick(() => {
        this.$refs.designer.openDesigner(row);
      });
    },
    handleCancel() {
      this.drawer = false;
    },
    handleClose() {
      this.drawer = false;
    },
  },
};
</script>
<style scoped>
</style>